<template>
    <view class="bg-[#f8f8f8] min-h-screen text-[34rpx] font-medium">
        <view class="h-[10rpx]"></view>
        <view class="bg-white px-[20rpx] mb-[20rpx] pt-[20rpx]">
            <view class="mb-[20rpx]"><text>在线学习：</text>
                <text class="text-[#FD755D] ml-2">234人</text>
            </view>
            <video class="mx-[50rpx] h-[353rpx]"
                src="https://vod.300hu.com/vod/product/1495891016/21852/1087_5000_1_90a8396e1_f.mp4?source=1&h265=1088_3000_1_55388f0a2_f.mp4"></video>

        </view>
        <view class="bg-white px-[50rpx] mt-[30rpx] pt-[36rpx] pb-[60rpx]">
            <view>标题：xxxxx</view>
            <view class="mt-[20rpx]">
                <text>已完成学习：</text>
                <text class="text-[#FD755D]">9562人</text>
            </view>
            <view  class="mt-[20rpx]">描述：xxxxxxxxxxxxxxxxxxx</view>
        </view>





    </view>

</template>
<script setup>
import { ref } from 'vue'
const course = ref('')
</script>